<template>
  <div class="artist">
    <div class="head">
      <h2 class="title">{{ $t("public.artist") }}</h2>
      <router-link to="/home/artist"
        >{{ $t("public.more") }}<i class="el-icon-arrow-right"></i
      ></router-link>
    </div>
    <ul class="home-artist-list">
      <home-artist v-for="(item, index) of list" :key="index" :item="item" />
    </ul>
  </div>
</template>

<script>
import HomeArtist from "@/components/common/homeArtist/Index";
export default {
  // props: {
  //   list: {
  //     type: Array,
  //   },
  // },
  data() {
    return {
      list: [
        {
          fullCname: "德米特里·肖斯塔科维奇",
          fullName: "Shostakovich, Dmitry",
          imgUrl: "Shostakovich",
          moduleId: 516,
          personId: "24851", //人物id
          personTypeId: "3", //人物类型id
        },
        {
          fullCname: "埃尔加，爱德华",
          fullName: "Elgar, Edward",
          imgUrl: "Elgar",
          moduleId: 518,
          personId: "26026", //人物id
          personTypeId: "3", //人物类型id
        },
        {
          fullCname: "柏辽兹，埃克托尔",
          fullName: "Berlioz, Hector",
          imgUrl: "Berlioz",
          moduleId: 516,
          personId: "25992", //人物id
          personTypeId: "3", //人物类型id
        },
        {
          fullCname: "马勒隆，罗伯特",
          fullName: "Malleron, Robert",
          imgUrl: "Malleron",
          moduleId: 516,
          personId: "19562", //人物id
          personTypeId: "4", //人物类型id
        },
        {
          fullCname: "阿拉姆·哈恰图良",
          fullName: "Khachaturian, Aram Il'yich",
          imgUrl: "Khachaturian",
          moduleId: 518,
          personId: "20120", //人物id
          personTypeId: "3", //人物类型id
        },
        {
          fullCname: "谢尔盖耶维奇·普罗科菲耶夫",
          fullName: "Prokofiev, Sergey",
          imgUrl: "Prokofiev",
          moduleId: 518,
          personId: "20990", //人物id
          personTypeId: "3", //人物类型id
        },
        {
          fullCname: "弗朗兹·比尔巴赫",
          fullName: "Bierbach, Franz",
          imgUrl: "Bierbach",
          moduleId: 516,
          personId: "7360", //人物id
          personTypeId: "1", //人物类型id
        },
        {
          fullCname: "让·西贝柳斯",
          fullName: "Sibelius, Jean",
          imgUrl: "Sibelius",
          moduleId: 516,
          personId: "24852", //人物id
          personTypeId: "3", //人物类型id
        },
        {
          fullCname: "亨德尔，乔治·弗里德里克",
          fullName: "Handel, George Frideric",
          imgUrl: "Handel",
          moduleId: 516,
          personId: "24403", //人物id
          personTypeId: "3", //人物类型id
        },
        {
          fullCname: "海顿，弗朗茨·约瑟夫",
          fullName: "Haydn, Franz Joseph",
          imgUrl: "Haydn",
          moduleId: 516,
          personId: "24410", //人物id
          personTypeId: "3", //人物类型id
        },
        {
          fullCname: "阿诺尔德·勋伯格",
          fullName: "Schoenberg, Arnold",
          imgUrl: "Schoenberg",
          moduleId: 516,
          personId: "21169", //人物id
          personTypeId: "3", //人物类型id
        },
        {
          fullCname: "沃尔夫冈·阿玛多伊斯·莫扎特",
          fullName: "Mozart, Wolfgang Amadeus",
          imgUrl: "Mozart",
          moduleId: 518,
          personId: "15934", //人物id
          personTypeId: "3", //人物类型id
        },
        {
          fullCname: "路德维希·范·贝多芬",
          fullName: "Beethoven, Ludwig van",
          imgUrl: "Beethoven",
          moduleId: 516,
          personId: "25976", //人物id
          personTypeId: "3", //人物类型id
        },
        {
          fullCname: "肖邦，弗雷德里克",
          fullName: "Chopin, Fryderyk",
          imgUrl: "Chopin",
          moduleId: 516,
          personId: "25949", //人物id
          personTypeId: "3", //人物类型id
        },
        {
          fullCname: "弗朗茨·弗朗索瓦·舒伯特",
          fullName: "Schubert, Franz François",
          imgUrl: "Schubert",
          moduleId: 516,
          personId: "19466", //人物id
          personTypeId: "3", //人物类型id
        },
        {
          fullCname: "门德尔松，费利克斯",
          fullName: "Mendelssohn, Felix",
          imgUrl: "Mendelssohn",
          moduleId: 518,
          personId: "24619", //人物id
          personTypeId: "3", //人物类型id
        },
        {
          fullCname: "伊丽莎白·舒曼",
          fullName: "Schumann, Elisabeth",
          imgUrl: "Schumann",
          moduleId: 516,
          personId: "1421", //人物id
          personTypeId: "1", //人物类型id
        },
        {
          fullCname: "伊曼纽尔·李斯特",
          fullName: "List, Emanuel",
          imgUrl: "List",
          moduleId: 516,
          personId: "3949", //人物id
          personTypeId: "1", //人物类型id
        },
        {
          fullCname: "克洛德·德彪西",
          fullName: "Debussy, Claude",
          imgUrl: "Debussy",
          moduleId: 518,
          personId: "27153", //人物id
          personTypeId: "3", //人物类型id
        },
        {
          fullCname: "莫里斯·拉威尔",
          fullName: "Ravel, Maurice",
          imgUrl: "Ravel",
          moduleId: 516,
          personId: "21012", //人物id
          personTypeId: "3", //人物类型id
        },
        {
          fullCname: "彼得·伊利奇·柴科夫斯基",
          fullName: "Tchaikovsky, Pyotr Il'yich",
          imgUrl: "Tchaikovsky",
          moduleId: 516,
          personId: "23876", //人物id
          personTypeId: "3", //人物类型id
        },
        {
          fullCname: "德沃夏克，安托宁",
          fullName: "Dvořák, Antonín",
          imgUrl: "Dvořák",
          moduleId: 518,
          personId: "26024", //人物id
          personTypeId: "3", //人物类型id
        },
        {
          fullCname: "格里格，爱德华",
          fullName: "Grieg, Edvard",
          imgUrl: "Grieg",
          moduleId: 516,
          personId: "26082", //人物id
          personTypeId: "3", //人物类型id
        },
        {
          fullCname: "巴托克，贝拉",
          fullName: "Bartók, Béla",
          imgUrl: "Bartók",
          moduleId: 518,
          personId: "25970", //人物id
          personTypeId: "3", //人物类型id
        },
      ],
    };
  },
  components: {
    HomeArtist,
  },
  methods: {},
  mounted() {},
};
</script>

<style lang="scss" scoped>
.artist {
  .home-artist-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
}
</style>
